import styled from 'styled-components'
import {thomeColor} from 'assets/color'

export const HomeNowStyle = styled.div`
       width:100%;
       a{
           display:block;
           margin-bottom:.1rem
       }
       background-color: #f5f5f5
     
      
`

 export const HomeListContainer = styled.div`
       height:1.3rem;
       position: relative;
       overflow: hidden;
       background: #fff;
 
 `
 export const ProductImgContainer = styled.div`
       height:100%;
       img{
           height:100%
       }
 `

 export const ProductDetailContainer = styled.div`
        position: absolute;
        top: 0;
        right: 0;
        width: 2.03rem;
        height:100%;
        margin-right: .10rem;
        font-size: .14rem
 
 `

 export const ProductTitleContainer = styled.div`
       font-size:.13rem;
       margin-top:.1rem;
       color:#333;
 `

 export const ProductPriceContainer = styled.div`
       position: absolute;
       bottom : .2rem;
       .price_list{
        color:${thomeColor}
        font-size: .12rem;
       }
       .price{
           font-size:.2rem;
           color:${thomeColor}
       }                      
      .del_price{
        color: #999;
        text-decoration: line-through;
      }
      .comment{
        color: #999;
        font-size:.11rem
      }
 `